<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>优品惠订单页</title>
		<link rel="stylesheet" type="text/css" href="../css/order.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/order.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>
	</head>
	<body>
		<!------头部------>
		<div class="top-wrap">
			<a href="javascript:;"><img src="../img/0.jpg" /></a>
		</div>
		
		<div class="top-nav">
			<div class="inner-top">
				<ul class="top-list">
					<li style="padding-left:0">
						<a href="javascript:;">注册</a>
					</li>
					<li>
						<a href="javascript:;">登录</a>
					</li>
					<li>
						<a href="javascript:;">我的订单</a>
					</li>
					<li>
						<a href="javascript:;">物流查询</a>
					</li>
					<li>
						<a href="javascript:;">我的关注</a>
					</li>
					<li>
						<a href="javascript:;">咨讯</a>
					</li>
					<li>
						<a href="javascript:;">品牌馆</a>
					</li>
					<li class="show-app">
						<a href="javascript:;"><i><img class="png1" src="../img/phone.png"/></i>
							<em>手机优品惠</em>
						</a>
						<div class="down-app">
							<div class="app-erm">
								<a href="javascript:;"><img src="../img/1.jpg" /></a>
							</div>
							<p>扫一扫哦～</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="search-wrap">
			<div class="search">
				<h1 class="search-left">
					<a href="../index.html"><img src="../img/logo.png"/></a>
					<p>-更高品质的视频购物-</p>
				</h1>
				<div class="stepflex">
					<dl class="done">
						<dt>1</dt>
						<dd>我的购物车</dd>
					</dl>
					<dl class="doing">
						<dt>2</dt>
						<dd>确认订单信息</dd>
					</dl>
					<dl class="last0">
						<dt>3</dt>
						<dd>提交订单</dd>
					</dl>
				</div>
			</div>
		</div>
		
		<!------订单主体部分------>
		<form name="order_form" id="order_form" method="post" action="">
			<div class="shop-box">
				<div class="font18 mb10">确认订单信息</div>
				<div class="room-box delive-box room-box-alarm">
					<div class="title-bar">选择收货地址</div>
					<div class="initialize">
						<div class="add-add">
							<div class="add-start">
								<dl>
									<dt><em>*</em>收货人:</dt>
									<dd>
                            			<div class="dd-t">
                               				 <input type="text" name="consignee" class="input-txt">
                                        </div>                    
                            			<p class="dd-b">请填写正确的收货人</p>
                        			</dd>
								</dl>
								<dl>
									<dt><em>*</em>收货地址:</dt>
									<dd>
										<div class="dd-t">
											<select class="selProvinces_0" id="selProvinces_0" name="province">
                                    			<option value="0">省/直辖市</option>
                                				<option value="2">北京</option>
                                				<option value="3">安徽</option>
                                				<option value="4">福建</option>
                                				<option value="5">甘肃</option>
                                				<option value="6">广东</option>
                                				<option value="7">广西</option>
                                				<option value="8">贵州</option>
                                				<option value="9">海南</option>
                                				<option value="10">河北</option>
                                				<option value="11">河南</option>
                                				<option value="12">黑龙江</option>
                                				<option value="13">湖北</option>
                                				<option value="14">湖南</option>
                                				<option value="15">吉林</option>
                                				<option value="16">江苏</option>
                                				<option value="17">江西</option>
                                				<option value="18">辽宁</option>
                                				<option value="19">内蒙古</option>
                                			</select>
                                			<select class="selCities_0" id="selCities_0" name="city">
                                				<option value="149">郑州</option>
                                				<option value="150">洛阳</option>
                                				<option value="151">开封</option>
                                				<option value="152">安阳</option>
                                				<option value="153">鹤壁</option>
                                				<option value="154">济源</option>
                                				<option value="155">焦作</option>
                                				<option value="156">南阳</option>
                                				<option value="157">平顶山</option>
                                				<option value="158">三门峡</option>
                                				<option value="159">商丘</option>
                                				<option value="160">新乡</option>
                                				<option value="161">信阳</option>
                                				<option value="162">许昌</option>
                                				<option value="163">周口</option>
                                				<option value="164">驻马店</option>
                                				<option value="165">漯河</option>
                                				<option value="166">濮阳</option>
                                				<option value="4330">长葛市</option>
                                			</select>
                                			<select class="selDistricts_0" id="selDistricts_0" name="district">
                                				<option value="1251">金水区</option>
                                				<option value="1253">二七区</option>
                                				<option value="1254">管城区</option>
                                				<option value="1255">中原区</option>
                                				<option value="1256">上街区</option>
                                				<option value="1257">惠济区</option>
                                				<option value="1258">郑东新区</option>
                                				<option value="1259">经济技术开发区</option>
                                				<option value="1260">高新开发区</option>
                                				<option value="1261">出口加工区</option>
                                				<option value="1262">巩义市</option>
                                				<option value="1263">荥阳市</option>
                                				<option value="1264">新密市</option>
                                				<option value="1265">新郑市</option>
                                				<option value="1266">登封市</option>
                                				<option value="1267">中牟县</option>
                                				<option value="4487">航空港区</option>
                                			</select>
                                		</div>
                                		<p class="dd-b"> 请填写完整的地区</p>
									</dd>
								</dl>
								<dl>
									<dt><em>*</em>详细地址:</dt>
									<dd>
                            			<div class="dd-t">
                                			<input type="text" name="address" value="" placeholder="请填写详细地址" class="input-txt2">
                            			</div>
                            			<p class="dd-b"> 请填写详细地址</p>
                        			</dd>
								</dl>
								<dl>
									<dt><em>*</em>手机号码:</dt>
									<dd>
                            			<div class="dd-t">
                                			<input type="text" name="tel" class="input-txt">
                            			</div>
                            			<p class="dd-b"> 请填写正确的手机号码</p>
                        			</dd>
								</dl>
								<dl>
									<dt></dt>
									<dd>
                            			<input type="button" value="保存收货地址" class="submit-btn sign-submit-btn">
                        			</dd>
								</dl>
							</div>
						</div>
					</div>
				</div>
				
				<div class="room-box pay-way-box">
					<div class="title-bar">选择支付方式</div>
					<div class="pay-way pay-select-bar">
						<div class="pay-way-in">
            				<label><input type="radio" name="pay-way" id="paymentToggle" value="online"></label>
            				<p class="pay-name fb">在线付款</p>
            				<p class="pay-note">支持支付宝、财付通、微信、银行卡、网银</p>
            			</div>	
        				<div class="pay-select-box">
                            <div class="pay-select">
                    		<label><input type="radio" name="pay-select" value="5"></label>
                    		<span class="pay-show p-zfb"></span>
                			</div>
                			
                            <div class="pay-select">
                 			<label><input type="radio" name="pay-select" value="6"></label>
                    		<span class="pay-show p-cft"></span>
               				</div>
               				
                            <div class="pay-select">
                    		<label><input type="radio" name="pay-select" value="16"></label>
                    		<span class="pay-show p-wx"></span>
                			</div>
                			
                            <div class="pay-select">
                    		<label><input type="radio" name="pay-select" value="14"></label>
                    		<span class="pay-show p-online"></span>
                			</div>
                			
                            <div class="pay-select">
                    		<label><input type="radio" name="pay-select" value="4"></label>
                    		<span class="pay-show p-wy"></span>
                			</div>
                        </div>
					</div>
					<!-- 货到付款  -->
					<div class="pay-way goods-arrive">
                
        				<div class="pay-way-in">
            			<label class="aa"><input type="radio" name="pay-way" value="3"></label>
            			<p class="pay-name fb">货到付款</p>
            			<p class="pay-note">送货上门后再付款。</p>
        				</div>
            		</div>
				</div>
				
				<div class="room-box clearfix">
					<div class="title-bar">订单商品信息</div>
					<div class="order_meg_tip clearfix">
            			<a href="javascript:;" class="return_link">返回购物车修改</a>
        			</div>
            		<div class="order_con">
            			<ul class="order_con_tit clearfix">
			                <li class="order_meg">商品信息</li>
			                <li class="order_price">单价（元）</li>
			                <li class="order_quantity">数量</li>
			                <li class="order_sum">小计（元）</li>
            			</ul>
            			<div class="order_form clearfix">
            				<div class="order_meg_con" data-attr="{"goods_id":"50066","product_id":"509457101","amt":"1","goods_name":"韩国进口惠人二代原汁机尊享红超值特惠组"}">
                    			<div class="o_meg">
                       				<dl>
                            			<dt>
                                			<a href="javascript:;"><img src="../images/1440465684247318996.jpg"></a>
                            			</dt>
                            			<dd>
                                			<p class="o_m_tit"><a href="/goods-50066.html" target="_blank">韩国进口惠人二代原汁机尊享红超值特惠组</a></p>
                                			<p class="o_m_cor">
                                    		<span>颜色:共同</span><span>规格:共同</span></p>
                            			</dd>
                        			</dl>
                    			</div>
                    			<div class="o_price">
                        			<p class="o_price_num">￥<i>2098</i></p>
                    			</div>
                    			<div class="o_quantity">×1</div>
                    			<div class="o_sum">
                        			<p>￥<i>2098</i></p>
                    			</div>
                			</div>
                			
                			<div class="e_gift">
                    			<ul class="gift_icon"></ul>
                            </div>                                                                                                                                                                                        </ul>
                			
                			<div class="o_other">
                				<div class="clearfix">
                					<div class="f1">
                						<div class="invoice_con clearfix">
                							<div class="o_meg_tit">其他信息：<input type="checkbox" id="invoice" value="1" name="invoice[iname]"><label>发票</label></div>
                						</div>
                					</div>
                					<div class="o_count">
                						<p class="clearfix"><span class="o_rt">￥<i class="fs_14">2098</i></span><span class="o_lt">商品金额：</span></p>
                						<p class="clearfix"><span class="o_rt">
                                			￥<i class="fs_14">0元(免运费)</i></span>
        									<span class="o_lt">运费：</span>
                						</p>
                						<p class="clearfix"><span class="o_rt point_amount">
                                			-￥0元
                            			</span><span class="o_lt">积分抵现：</span>
                						</p>
                						<p class="clearfix">
        									<span class="o_rt">－￥<i class="fs_14 use_reduce">10</i></span>
        									<span class="o_lt">优惠：</span>
    									</p>
    									<p class="clearfix"><span class="o_rt o_paid">￥<i class="fi_paid">2088</i></span><span class="o_lt fw_b">实付金额：</span></p>
                					</div>
                				</div>								<div class="clearfix">
									<input type="button" class="submit_order" value="提交订单">
								</div>
								<div class="clearfix o_deliver">
									<p id="address_detail">送至：</p>
									<p id="address_user">收货人：  </p>
								</div>
                			</div>
            			</div>
            		</div>
            
                
                    
                    
            
           			
				</div>
			</div>
		</form>
		
		<!------尾部------>
		<div class="footer-wrap">
			<div class="footer-ad footer_ad">
				<img src="../img/footer_ad.jpg"/>
			</div>
			<div class="footer">
				<dl class="flistdl">
			        <dt>新手上路</dt>
			        <dd><a href="javascript:;">新用户注册</a></dd>
			        <dd><a href="javascript:;">忘记密码</a></dd>
			        <dd><a href="javascript:;">购物流程</a></dd>
			    </dl>
			    <dl class="flistdl">
			        <dt>支付配送</dt>
			        <dd><a href="javascript:;">货到付款</a></dd>
			        <dd><a href="javascript:;">支付宝</a></dd>
			        <dd><a href="javascript:;">配送方式</a></dd>
			    </dl>
			    <dl class="flistdl">
			        <dt>会员服务</dt>
			        <dd><a href="javascript:;">服务承诺</a></dd>
			        <dd><a href="javascript:;">会员制度</a></dd>
			        <dd><a href="javascript:;">积分介绍</a></dd>
			        <dd><a href="javascript:;">退换货原则</a></dd>
			    </dl>
			    <dl class="flistdl nob">
			        <dt>关于优品慧</dt>
			        <dd><a href="javascript:;">企业介绍</a></dd>
			        <dd><a href="javascript:;">联系我们</a></dd>
			        <dd><a href="javascript:;">招商专区</a></dd>
			    </dl>
			    <dl class="flistdl2">
			        <dt class="l"><a href="javascript:;"><img src="../img/foot_ewm.jpg"><i>手机优品惠</i><em>（优购物）</em></a></dt>
			        <dd class="l"><img src="../img/foot_dh.jpg"></dd>
			     </dl>
			</div>
			<div class="bottom">
				<p class="footer-list">
					<a href="javascript:;">首页</a> | 
					<a href="javascript:;">关于优品惠</a> |
				    <a href="javascript:;">优购物</a> |
				    <a href="javascript:;">惠买集团</a> |
					<a href="javascript:;">联系我们</a> | 
					<a href="javascript:;">招贤纳士</a> | 
					<a href="javascript:;">招商专区</a> | 
					<a href="javascript:;">供应商入口</a> | 
					<a href="javascript:;">友情链接</a> | 
					<a href="javascript:;">网站地图</a> | 
					<a href="javascript:;">资讯中心</a> | 
					<a href="javascript:;">评论</a> |
					<a href="javascript:;"> 图片</a>
				</p>
				<div class="yqlink clearfix">
					<p class="dlphh"><em>友情链接</em><a href="javascript:;">华为商城</a><a href="javascript:;/">佐卡伊珠宝网</a><a href="javascript:;">华强北</a>
						<a href="javascript:;">淘鞋网</a><a href="javascript:;">团购王</a><a href="javascript:;">中国零食网</a><a href="javascript:;">腕表名表</a><a href="javascript:;">太平洋家居产品库</a><a href="javascript:;">网上购物</a>
						<a href="javascript:;">团购网</a><a href="javascript:;">钻石</a><a href="javascript:;">城市联盟</a><a href="javascript:;">手表</a><a href="javascript:;">九块邮</a><a href="javascript:;">婚礼珠宝</a><a href="javascript:;">卷皮网</a></p>
        
   				</div>
   				<p class="copyright1 copyright">优品惠（优购物）全球优品特卖网站 专属于千万女性的优品特卖网站,优品惠（优购物）电视购物官方网站,100%正品保证 支持货到付款.</p>
   				<p class="copyright2 copyright">Copyright©2007-2016   公司名称:北京优品惠网络科技有限公司 统一社会信用代码:91110302339739621C  &nbsp;ICP备案号:京ICP备15039150号-1   食品经营许可证编号:JY11131010332635</p>
   				<p class="copyright3 copyright"> 公司地址:北京市经济技术开发区同济南路19号   服务热线：400-707-0707</p>
   				<div class="last">
			        <a href="javascript:;" >
			            <img src="../img/bei.png"/>
			            <p>京公网安备 11030102000055号</p>
			        </a>	 	
			    </div>
			</div>
		</div>
		
		<!------右侧边栏------>
		<div class="right_t">
			<div class="myself change-clo">
				<i id="_myself" class="iconfont right-jt">&#xf0124;</i>
				<i id="myself" class="iconfont change-bak">&#xf0006;</i>
				<div class="infomation move-left">
					<a class="close" href="javascirpt:;">×</a>
					<div class="slide-login">
						<a href="javascript:void(0);" class="slide-pic"><img src="../img/72x72.jpg"></a>
						<p class="slide-login-btn">你好！请<a href="javascript:;">登录</a>|<a href="javascript:;">注册</a></p>
					</div>
					<p class="slide-login-go">
						<a href="javascript:;" class="a-mydd">我的订单</a>
						<a href="javascript:;">优惠券</a>
					</p>
				</div>
			</div>
			<div class="car change-clo">
				<i id="_car" class="iconfont right-jt">&#xf0124;</i>
				<i id="car" class="iconfont change-bak">&#x3475;</i>
				<b class="car-num">0</b>
				<div class="car_ move-left">购物车</div>
			</div>
			<div class="write change-clo">
				<i id="_write" class="iconfont right-jt">&#xf0124;</i>
				<i id="write" class="iconfont change-bak">&#xf0054;</i>
				<div class="write_ move-left">我的关注</div>
			</div>
			<div class="online change-clo">
				<i id="_online" class="iconfont right-jt">&#xf0124;</i>
				<i id="online" class="iconfont change-bak">&#xe609;</i>
				<div class="online_ move-left">问卷反馈</div>
			</div>
		</div>
		<div class="right_b">
			<div class="weichat change-clo">
				<i id="_weichat" class="iconfont right-jt">&#xf0124;</i>
				<i id="weichat" class="iconfont change-bak">&#xf010a;</i>
				<div class="weichat_ move-left">
					<a href="javascript:;"><img src="../img/code.jpg"></a>
				</div>
			</div>
			<div class="money change-clo">
				<i id="_money" class="iconfont right-jt">&#xf0124;</i>
				<i id="money" class="iconfont change-bak">&#xe626;</i>
				<div class="money_ move-left">我要充值</div>
			</div>
			<div class="goback change-clo">
				<i id="_goback" class="iconfont right-jt">&#xf0124;</i>
				<i id="goback" class="iconfont change-bak">&#xe6f7;</i>
				<div class="goback_ move-left">返回顶部</div>
			</div>
			
		</div>
	</body>
</html>
